import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue'),
    },
    {
      path: '/Login',
      name: 'Login',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Login.vue'),
    },
    {
      path: '/AddMemberRank',
      name: 'AddMemberRank',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AddMemberRank.vue'),
    },
    {
      path: '/ShowMember',
      name: 'ShowMember',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/ShowMember.vue'),
    },
    {
      path: '/EditMemberRank/:id',
      name: 'EditMemberRank',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/EditMemberRank.vue'),
    },
    {
      path: '/AddUser',
      name: 'AddUser',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AddUser.vue'),
    },
    {
      path: '/ShowUser',
      name: 'ShowUser',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/ShowUser.vue'),
    },
    {
      path: '/UpdUser/:id',
      name: 'UpdUser',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/UpdUser.vue'),
    },
    {
      path: '/AddMemberRights',
      name: 'AddMemberRights',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/MemberRights/AddMemberRights.vue'),
    },
    {
      path: '/ShowMemberRights',
      name: 'ShowMemberRights',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/MemberRights/ShowMemberRights.vue'),
    },
    {
      path: '/UpdateMemberRights/:id',
      name: 'UpdateMemberRights',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/MemberRights/UpdateMemberRights.vue'),
    },
    {
      path: '/AddMemberRankRights',
      name: 'AddMemberRankRights',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/MemberRankRights/AddMemberRankRights.vue'),
    },
    {
      path: '/AddRankRights',
      name: 'AddRankRights',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/MemberRankRights/AddRankRights.vue'),
    },
    {
      path: '/ShowRankRights',
      name: 'ShowRankRights',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/MemberRankRights/ShowRankRights.vue'),
    },
    {
      path: '/AddShop',
      name: 'AddShop',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Shop/AddShop.vue'),
    },
    {
      path: '/ShowShop',
      name: 'ShowShop',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Shop/ShowShop.vue'),
    },
    {
      path: '/UpdateShop/:id',
      name: 'UpdateShop',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Shop/UpdateShop.vue'),
    },
    {
      path: '/ShopAdd',
      name: 'ShopAdd',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Shop/ShopAdd.vue'),
    },
    {
      path: '/ShopShow',
      name: 'ShopShow',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Shop/ShopShow.vue'),
    },
    {
      path: '/ShopUpdate/:id',
      name: 'ShopUpdate',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Shop/ShopUpdate.vue'),
    },
    {
      path: '/AddDiscount',
      name: 'AddDiscount',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Discount/AddDiscount.vue'),
    },
    {
      path: '/ShowDiscount',
      name: 'ShowDiscount',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Discount/ShowDiscount.vue'),
    },
    {
      path: '/AddDiscounttwo',
      name: 'AddDiscounttwo',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Discount/AddDiscounttwo.vue'),
    },
  ],
})

export default router
